<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="p4.html">跳转至今日的第4个页面</a>
<a href="p2.html">跳转至今日的第2个页面</a>
<a href="https://www.baidu.com">跳转至百度</a>
<a href="https://www.tmooc.cn/">跳转到达内首页</a>
<hr>
<a href="http://www.baidu.com"><img src="1.jpg"></a>
<hr>
<!--self 刷新当前页  _blank打开一个空白页-->
<a href="http://www.baidu.com" target="_self">百度1</a>
<a href="http://www.baidu.com" target="_blank">百度2</a>
<!--锚点-->
<h1>西游记</h1>
<a href="#c1">跳转至第1章</a>
<a href="#c2">跳转至第2章</a>
<a href="#c3">跳转至第3章</a>
<h3 id="c1">第一章 石猴出事</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, quibusdam, velit. Ad assumenda deserunt
    dignissimos, dolor ea exercitationem magni molestiae numquam officia sed soluta veniam voluptate. Accusantium
    dolorem explicabo non.</p>
<p>Accusamus architecto aut cupiditate distinctio ducimus, itaque iusto mollitia quae? Ab accusamus dignissimos ex
    maiores necessitatibus pariatur quaerat quasi repellat sapiente voluptatibus. Aspernatur harum incidunt, magni quasi
    similique sit tenetur?</p>
<p>Asperiores autem cumque deleniti distinctio dolores, error excepturi explicabo facilis inventore nesciunt possimus
    quis quos ratione repudiandae saepe! Blanditiis cupiditate ducimus laborum quae. Atque debitis dolorem expedita
    natus nesciunt porro.</p>
<p>Esse, maxime, suscipit. Asperiores assumenda dolores explicabo maxime nobis numquam perferendis reiciendis
    voluptatum. Ab architecto, assumenda enim illum quod voluptatum? Accusamus alias debitis eius enim hic minima nulla
    repellendus voluptatum.</p>
<p>Aliquid cum et hic impedit numquam optio quibusdam ratione sapiente, tempore tenetur. Ab accusantium alias aliquam
    debitis, dolore laudantium modi necessitatibus non, numquam pariatur qui quod sequi tempora totam ut.</p>
<p>Amet, ex, nesciunt. At facilis necessitatibus non nostrum officia officiis quas quos sequi. Aliquid amet culpa
    debitis, facilis fugit, hic laudantium minus mollitia nemo odit placeat quasi quo reprehenderit veniam!</p>
<p>Commodi cum ea explicabo modi perspiciatis quaerat recusandae, repellendus temporibus vel voluptatem. Blanditiis
    dolorum eius enim error facilis harum praesentium temporibus veniam, voluptas voluptate! Cupiditate illum quis
    recusandae similique voluptatem.</p>
<p>Amet aut consequatur deserunt dolor exercitationem hic incidunt quas quasi! Debitis delectus eaque expedita explicabo
    impedit ipsum iusto labore laborum libero magnam, minima modi nihil nobis obcaecati quos tempora vel.</p>
<p>A accusantium ad animi ducimus exercitationem fuga ipsam iste laboriosam libero nam neque nobis quasi quisquam
    repudiandae sed sit, suscipit temporibus veritatis voluptatibus voluptatum. Cum delectus dicta necessitatibus nulla
    repellat!</p>
<p>Animi facere in iusto pariatur vitae? Beatae corporis deserunt dolor eius eos esse eum, ex explicabo fuga fugiat
    harum in itaque minus nulla placeat quam qui quod saepe temporibus ut!</p>
<p>Aliquam assumenda at autem debitis eius, est ex impedit, magni maxime modi nam nesciunt nostrum obcaecati quidem
    reiciendis reprehenderit vel. Alias assumenda culpa eos et illum modi molestias nulla suscipit?</p>
<p>A architecto aspernatur at blanditiis deserunt dicta dignissimos distinctio, dolor dolore doloribus ea est explicabo
    harum impedit magni minima nam nemo odit officia possimus qui quisquam quos recusandae totam vero.</p>
<p>A aspernatur cum ex fuga id ipsa minima minus officiis perferendis, quisquam repellendus reprehenderit sit tempore,
    temporibus voluptas. Cum deleniti doloribus harum incidunt odit quae repellendus, sed ullam vel. Nisi.</p>
<p>Accusamus autem consectetur culpa debitis deserunt dolorem dolorum enim exercitationem fuga fugiat id, inventore,
    iure labore magnam placeat. Culpa dolor doloremque error fuga mollitia nihil nobis perferendis! Amet, quia,
    reiciendis!</p>
<p>Aliquam aut beatae, blanditiis consequuntur dolore ducimus eius eos esse, et eveniet ex exercitationem explicabo
    impedit itaque laboriosam nesciunt numquam omnis qui quibusdam rem sint, tempore tenetur totam unde veniam.</p>
<p>Amet animi blanditiis dolor earum eius eos eum expedita laborum nam, placeat quam similique vel voluptatum. Aliquid
    delectus eius necessitatibus perspiciatis voluptatem. Aspernatur dolorem illum impedit iusto mollitia quia sit?</p>
<p>Aspernatur consequuntur cupiditate delectus ducimus est explicabo facilis iure natus non odit officia quaerat quasi,
    ratione sapiente vero. Aspernatur eos excepturi exercitationem iure magni mollitia placeat quidem reiciendis ullam
    ut!</p>
<p>Aut eaque esse facere impedit iusto modi natus nemo quis sed ut, veniam voluptatem? Dolores laudantium mollitia nihil
    obcaecati quidem voluptatibus. Ad aliquid atque deleniti deserunt necessitatibus, neque nulla velit?</p>
<p>Adipisci atque autem consequuntur culpa debitis dignissimos dolores dolorum ducimus eveniet facere facilis illum
    inventore, ipsum, labore libero maiores perspiciatis placeat porro quae ratione repellat sapiente similique sit,
    soluta ullam.</p>
<p>Dolor mollitia sequi suscipit? A adipisci commodi ea explicabo facere fugit id inventore maiores necessitatibus nemo,
    odit placeat, quas rem reprehenderit sint, tenetur voluptate. Aperiam culpa dolores enim mollitia odio?</p>
<h3 id="c2">第二章 蓬莱雪姨</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aspernatur beatae dolores expedita ipsa ipsam
    laudantium minus nulla optio praesentium, quis rem repudiandae ullam ut vel veritatis voluptatem. Est,
    explicabo.</p>
<p>Aliquid asperiores beatae commodi corporis culpa, cupiditate dolore esse, et illum iusto nam nemo provident quam quod
    ratione repellat sequi temporibus? Consequatur debitis dolore et officia quis. Autem, expedita, vitae.</p>
<p>Aliquam consequuntur corporis, cumque dolor dolore eligendi et explicabo harum incidunt ipsa iste laboriosam laborum
    maxime nam numquam officia officiis provident quidem quisquam ratione rerum sint tempore ullam ut voluptatum.</p>
<p>Ad, amet at corporis cum cumque delectus dicta dolore ducimus eaque earum eos est impedit in ipsum nemo nesciunt nisi
    nulla numquam officiis quasi quia quod quos suscipit veniam vitae.</p>
<p>Animi aperiam assumenda commodi, deleniti ea explicabo itaque molestias neque nesciunt, nobis non obcaecati,
    praesentium quibusdam ut voluptas. Aliquid aut distinctio eos impedit minus quisquam temporibus tenetur veritatis
    vitae voluptatum.</p>
<p>Alias animi assumenda autem blanditiis dicta, dolor dolores, eaque hic illo ipsa ipsum iusto laboriosam maxime nemo
    numquam obcaecati quidem recusandae repudiandae rerum similique sunt totam unde veniam vero vitae.</p>
<p>A amet asperiores assumenda cupiditate dicta distinctio enim error, eveniet id, libero magnam necessitatibus nobis
    numquam quaerat rerum saepe soluta tenetur voluptatibus. Adipisci atque deserunt dolorem nisi numquam officia
    sed.</p>
<p>Aperiam architecto atque commodi distinctio, dolorem earum eligendi facilis, id magnam maiores maxime, modi omnis
    repudiandae saepe sequi. Dolore dolorem magnam non. Ex inventore iusto maxime molestiae molestias nam vel?</p>
<p>Ea illo ipsa iure laboriosam praesentium quia reiciendis rem rerum sunt. Animi aut blanditiis culpa cum et, eveniet
    inventore labore maxime molestias placeat possimus quaerat quisquam repudiandae sequi vero, vitae!</p>
<p>Alias aspernatur, autem blanditiis distinctio dolores eum maiores maxime nulla optio, placeat possimus repellendus
    repudiandae, voluptate. Corporis delectus, ea earum eligendi exercitationem facere fugit iusto laudantium quisquam!
    Consectetur labore, nostrum.</p>
<p>Consectetur dolore ipsa iusto molestiae nam necessitatibus nesciunt quidem ratione vel! A, aut consectetur corporis
    culpa cumque dolores magnam maiores possimus quaerat quod repellendus unde vel veniam vero voluptas voluptate.</p>
<p>Aliquid consequatur cumque delectus deserunt error eveniet exercitationem in iusto laboriosam magnam natus neque
    omnis pariatur porro possimus provident quae quaerat quia quibusdam quo quod repellat repudiandae, sequi ut
    vitae?</p>
<p>Architecto asperiores aut, dolores in magnam reprehenderit sequi similique. Consequuntur eaque eos explicabo
    laboriosam magni non porro repudiandae vero. Deleniti dicta dignissimos ea ipsam molestias nobis optio porro
    quisquam temporibus?</p>
<p>Dignissimos dolore ea esse explicabo facilis natus nisi quo quos voluptatibus! At dicta eum qui voluptatem? Amet
    commodi, corporis deserunt distinctio maiores molestias, necessitatibus odio officiis quae unde ut velit!</p>
<p>Consequatur fuga hic iste magni rem. Accusamus aliquid aperiam atque dolorum ea error fugit incidunt magnam minus
    nulla quibusdam quo recusandae sed, soluta temporibus veritatis voluptates. Beatae doloribus ipsum mollitia!</p>
<p>Accusantium esse explicabo harum laudantium magnam magni neque odio, quam quis quisquam veniam, vitae. Alias
    aspernatur atque impedit ipsum, minus molestiae odit officia placeat quas quia saepe tenetur vel, voluptatum?</p>
<p>Ab aliquam esse nam officiis voluptas. Accusantium aut consequatur dignissimos ducimus eius enim et excepturi,
    explicabo id labore nam odit quisquam veritatis. Amet consequatur fugit maiores numquam quas, similique ullam.</p>
<p>Aliquam, enim eos est expedita ipsum iste minima quae, quas quia ratione sapiente velit veniam? Accusantium alias
    cupiditate, dignissimos dolor fuga illo ipsum maiores minima natus, placeat quam, reprehenderit sapiente.</p>
<p>Ab amet asperiores doloribus dolorum ducimus eius hic, id in itaque iusto laborum minima omnis quasi quidem
    reprehenderit sunt tempore unde? Debitis enim minima nam optio quis suscipit temporibus ullam.</p>
<p>Animi assumenda deleniti distinctio dolore dolorem enim et ex excepturi fugiat inventore itaque magni necessitatibus
    nobis placeat, provident sed sit suscipit ut veniam voluptatem? Aspernatur assumenda hic molestiae. Blanditiis,
    tempora.</p>
<h3 id="c3">第三章 龙宫捷豹</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis cupiditate eaque earum impedit iusto molestiae
    nulla! Architecto dolorum molestias nesciunt recusandae. Aliquam eius error iure porro sapiente. Distinctio,
    inventore sed.</p>
<p>Architecto consectetur corporis dolor earum eveniet excepturi ipsum labore, maiores necessitatibus nemo nesciunt
    nihil, nobis numquam provident quae quaerat, quasi qui quis quod repellendus reprehenderit sapiente sequi voluptas
    voluptates voluptatum.</p>
<p>Fuga iusto nemo nulla perspiciatis veniam? Aspernatur assumenda at blanditiis dolore dolorum esse est eveniet, fugit
    harum iure laudantium, magnam minima molestiae nesciunt odio, officiis porro ratione recusandae sunt ut!</p>
<p>Alias aliquid at consectetur consequatur consequuntur, cumque dicta earum enim eum ex facilis fugiat illo impedit
    ipsa magni molestias nihil non officiis provident quam sapiente similique soluta suscipit velit veritatis!</p>
<p>Beatae commodi illum ipsum, laboriosam molestias neque perspiciatis qui repellat? Enim eos et illo, laborum libero
    officia perferendis quo voluptates. Ab animi consequuntur deleniti dolores quas ratione sapiente voluptas
    voluptatibus?</p>
<p>Adipisci consequuntur cumque est et eum eveniet expedita hic ipsum minima nesciunt, nisi officiis quae quisquam saepe
    veritatis. Aliquam aspernatur dolore enim eos error molestiae qui quisquam quo totam! Ullam!</p>
<p>Ab aliquam, aliquid animi, aperiam corporis dolorum inventore ipsa iste iusto laborum quis quo reprehenderit
    similique sint, sit soluta totam voluptate voluptatibus? At culpa cumque, dolor eligendi illum ipsa molestiae.</p>
<p>Commodi ex iste molestias nostrum obcaecati pariatur praesentium, quae quam suscipit temporibus. Assumenda aut
    consequatur cumque eaque ex nobis quibusdam sed. Aperiam assumenda at, nam nisi perspiciatis quo repellat saepe.</p>
<p>Ad animi aperiam autem consectetur debitis, doloribus ea eaque, ex illo illum impedit iste itaque iusto omnis quaerat
    quam quasi rem repellat voluptatem voluptates. Alias aut commodi delectus numquam unde!</p>
<p>A ab alias, aspernatur assumenda consequuntur cum doloremque eligendi expedita facilis hic, ipsam, iusto magni
    molestias nemo non obcaecati officia quae suscipit totam unde. Dolore nam ratione tempora? Error, molestias.</p>
<p>Asperiores aspernatur distinctio, eligendi error, fuga, harum iusto minus nostrum nulla pariatur perferendis
    provident quia recusandae repudiandae unde vel voluptatem. Ad at deleniti molestias obcaecati quisquam ratione
    reiciendis reprehenderit totam.</p>
<p>Assumenda beatae dolor dolorum excepturi fuga hic ipsum iure neque non nostrum perspiciatis porro praesentium quae
    qui quo rerum sit, unde ut voluptates voluptatum. Architecto harum nesciunt odio officia repellat.</p>
<p>Dicta hic iste iusto molestiae praesentium sequi similique soluta. Quasi reprehenderit sunt temporibus. Assumenda
    beatae deserunt dolor dolorum facilis ipsam, obcaecati pariatur porro, quidem quis recusandae repudiandae sequi
    tempora. Animi!</p>
<p>At corporis, debitis deleniti dicta dignissimos dolorem earum expedita facere hic incidunt laborum nesciunt nisi
    nulla odio placeat porro quos rem saepe sapiente sint soluta temporibus totam velit veritatis voluptate.</p>
<p>Aperiam dicta, in iusto laboriosam laudantium minus molestiae mollitia nihil, odio quaerat recusandae rerum veniam!
    Delectus ipsam porro quaerat! Aliquam amet aspernatur autem, doloremque ea perspiciatis porro soluta voluptatibus.
    Molestiae?</p>
<p>A aliquid amet architecto at deleniti, ipsum iste laboriosam maxime nam obcaecati officia quibusdam rem, repellat
    sint unde! Animi autem ea incidunt natus nesciunt, non qui rerum soluta suscipit voluptas?</p>
<p>Asperiores commodi consequatur consequuntur cum dolores eligendi eos error eveniet illo impedit, iste labore maxime
    nemo obcaecati officia perspiciatis porro praesentium quam quibusdam ratione recusandae rem sed, suscipit vitae
    voluptate.</p>
<p>Architecto assumenda, dignissimos, eius, id illum incidunt laborum non quo quos ratione repellat repudiandae rerum
    sequi similique tempora temporibus tenetur vel voluptatem? At cumque facere modi nam sequi tempore ullam?</p>
<p>Aliquam debitis dicta dignissimos ea facilis harum, hic illo incidunt laborum libero molestias nemo, non nostrum sed
    soluta tempora velit veniam? Accusantium amet beatae facere qui soluta! Error quaerat, tempore!</p>
<p>A accusamus ad adipisci alias aliquid at consequuntur dolore esse in incidunt iusto, laboriosam minus molestiae
    necessitatibus numquam obcaecati, officiis quibusdam quisquam reiciendis repudiandae saepe sunt ullam vel vitae,
    voluptates.</p>
<a href="#">回到顶部top</a>
</body>
</html>